<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="./css/bootstrap.min.css">
	<link rel="stylesheet" href="./css/animate.min.css">
	<link rel="stylesheet/less" href="./css/reset.less">
	<link rel="stylesheet/less" href="./css/common.less">
	<link rel="stylesheet/less" href="./css/index.less">
	<title>主页</title>
</head>
<body>
	<!-- header -->
	<div class="header">
		<nav class="navbar navbar-default ">
		  <div class="container">
		   <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		     <img src="./img/logo.png" alt="" class="wow bounceInLeft">
		    </div>
		
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li class="active"><a href="index.html" class="wow fadeInRight" data-wow-delay="100ms">首页 <span class="sr-only">(current)</span></a></li>
		        <li><a href="./html/main2.html" class="wow fadeInRight" data-wow-delay="200ms">推荐</a></li>
				<li><a href="./html/goods.html" class="wow fadeInRight" data-wow-delay="300ms">商品</a></li>
				<li><a href="./html/now.html" class="wow fadeInRight" data-wow-delay="400ms">咨询</a></li>
				<li><a href="./html/cart.html" class="wow fadeInRight" data-wow-delay="500ms">购物车</a></li>
				<li><a href="html/login.html" class="wow fadeInRight" data-wow-delay="600ms"><span class="glyphicon glyphicon-user"></span></a></li>
		      </ul>
		    </div>
		  </div>
		</nav>
	</div>

	<!-- main -->
	<div class="main container">
		<div class="left">
			<div class="left1 wow fadeInRight" data-wow-delay="200ms"><img src="./img/header1.png" alt=""></div>
			<div class="left2 wow fadeInRight" data-wow-delay="300ms"><img src="./img/header2.png" alt=""></div>
		</div>
		<div class="chart wow fadeInDown">
			<div class="chartimg" ><img src="./img/lun1.png" alt=""></div>
			<div class="chartimg"><img src="./img/lun2.png" alt=""></div>
			<div class="chartimg"><img src="./img/lun3.png" alt=""></div>
			<div class="label">
				<label class="labe">01</label>
				<label class="labe">02</label>
				<label class="labe">03</label>
			</div>
		</div>
		<div class="right">
			<div class="right1 wow fadeInRight" data-wow-delay="300ms"><img src="./img/header1.png" alt=""></div>
			<div class="right2 wow fadeInRight" data-wow-delay="400ms"><img src="./img/header2.png" alt=""></div>
		</div>
	</div>

	<!-- new -->
	<div class="new container">
		<div class="borderbox">
			<div class="left">
				<h3>最新商品</h3>
			</div>
			<div class="right">
				<h3>更多&gt;</h3>
			</div>
		</div>
		
		<div class="itembox">
			<div class="item wow fadeInDown" data-wow-delay="100ms">
				<img src="./img/imglist1.png" alt="">
				<h2><span>new</span>泡茶套装</h2>
				<h3>￥100</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="200ms">
				<img src="./img/imglist2.png" alt="">
				<h2><span>new</span>风铃吊灯</h2>
				<h3>￥3000</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="300ms">
				<img src="./img/imglist3.png" alt="">
				<h2><span>new</span>萝卜杯子</h2>
				<h3>￥50</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="400ms">
				<img src="./img/imglist4.png" alt="">
				<h2><span>new</span>真皮椅子</h2>
				<h3>￥120</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="500ms">
				<img src="./img/imglist5.png" alt="">
				<h2><span>new</span>牛皮挂饰</h2>
				<h3>￥80</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="600ms">
				<img src="./img/imglist6.png" alt="">
				<h2><span>new</span>餐具整套</h2>
				<h3>￥150</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="700ms">
				<img src="./img/imglist7.png" alt="">
				<h2><span>new</span>树枝插盒</h2>
				<h3>￥99</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="800ms">
				<img src="./img/imglist8.png" alt="">
				<h2><span>new</span>古音乐盒</h2>
				<h3>￥1400</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="900ms">
				<img src="./img/imglist9.png" alt="">
				<h2><span>new</span>蓝色闹钟</h2>
				<h3>￥40</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="1000ms">
				<img src="./img/imglist10.png" alt="">
				<h2><span>new</span>花卉吊篮</h2>
				<h3>￥88</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="200ms">
				<img src="./img/imglist11.png" alt="">
				<h2><span>new</span>咖啡杯具</h2>
				<h3>￥55</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="300ms">
				<img src="./img/imglist12.png" alt="">
				<h2><span>new</span>老式照相机</h2>
				<h3>￥2000</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="400ms">
				<img src="./img/imglist13.png" alt="">
				<h2><span>new</span>蜂窝吊灯</h2>
				<h3>￥666</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="500ms">
				<img src="./img/imglist14.png" alt="">
				<h2><span>new</span>字母墙贴</h2>
				<h3>￥75</h3>
			</div>
			<div class="item wow fadeInDown" data-wow-delay="600ms">
				<img src="./img/imglist15.png" alt="">
				<h2><span>new</span>古典时钟</h2>
				<h3>￥3400</h3>
			</div>
		</div>
		
	</div>

	<!-- center -->
	<div class="center container wow fadeInDown" data-wow-delay="600ms">
		<div class="left">
			<div class="top">
				<h2>通知</h2>
				<h3>更多&gt;</h3>
			</div>
			<div class="bottom">
				<ul>
					<li>各种商品上新通知<span>2021-8-16</span></li>
					<li>各种商品上新通知<span>2021-8-16</span></li>
					<li>各种商品上新通知<span>2021-8-16</span></li>
				</ul>
			</div>
		</div>
		<div class="right">
			<div class="top1"><h1>联系我们</h1></div>
			<div class="bottom1">
				<div class="left1"><img src="./img/centerimg.png" alt=""></div>
				<div class="right1">
					<h2>您有什么不方便，为难的地方，就问我吧</h2>
					<h3>02-123-4567 / 02-123-4567</h3>
					<h4>平时:上午9时至下午6时 周末:上午9时至下午12时</h4>
				</div>
				
			</div>
		</div>
	</div>
	
	<!-- enjot -->
	<div class="enjoy container wow fadeInDown" data-wow-delay="600ms">
		<img src="./img/enjiy_03.png" alt="">
	</div>
	
	<!-- bottom -->
	<div class="bottom container wow fadeInDown" data-wow-delay="600ms">
		<div class="top1">
			<ul>
				<li>公司介绍</li>
				<li>使用条款</li>
				<li>隐私条例</li>
				<li>购买介绍</li>
				<li>客户中心</li>
			</ul>
		</div>
		<div class="bottom1">
			<div class="left1">
				<img src="./img/logo2_03.png" alt="">
			</div>
			<div class="right1">
				<img src="./img/emall_03.png" alt="">
			</div>
			
			
		</div>
	</div>
</body>
</html>
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less.min.js"></script>
<script src="./js/wow.min.repeat.js"></script>
<script src="./js/index.js"></script>
<script>
	new WOW().init();
</script>
